<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .hello{
            /* 字体 */
            font-size: 30px;
            font-weight: bold;
            font-family: 楷体;

            /* 
                文本属性
                颜色的16进制RGB表示法
                #RRGGBB

                #FF0000  #F00
                #0000ff

                #000000 黑 #000
                #ffffff 白

                如果每种颜色的两位数值各自都相同时，可以简写

                #ff7300
             */
            color: #ff7300;

            width: 400px;
            height: 300px;
            background: #ccc;

            /* 文本的垂直居中：将line-height设置与为height相同 */
            line-height: 300px;
            /* 文本的水平居中 */
            text-align: center;

            text-decoration: line-through;

        }

        img{
            vertical-align: middle;
        }
    </style>
</head>
<body>
    <div class="hello">中国</div>
    <img src="images/fan2.png" alt="">哈哈哈哈
</body>
</html>